body,
html,
#app {
  width: 100%;
  height: 100%;
}

// 按钮和输入框格式化
.ant-input,
.ant-btn {
  height: 36px;
  font-size: 14px;
}

.ant-input-disabled {
  color: #666 !important;
}

.ant-input,
.ant-select-selection {
  border-radius: 2px;
  border: 1px solid #eee;
  height: 36px;
}
.ant-select-selection {
  display: flex;
  align-items: center;
  .ant-select-selection__placeholder {
    overflow: unset;
  }
  .ant-select-selection__rendered {
    overflow: hidden;
    width: 100%;
  }
}

// 当没有信息的时候，提示信息样式

.tishi {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0 !important;
  span {
    color: #a9b2ce;
    display: inline-block;
    width: 80px !important;
    text-align: right;
  }
  p {
    color: #3b4861;
  }
}

// 表格共用样式
.recharge {
  display: flex;
  flex-direction: column;
  height: 100%;
  .table {
    flex: 1;
    margin-top: 20px;
    background-color: #ffffff;
    overflow: hidden;
    overflow-y: auto !important;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    .action {
      a {
        cursor: pointer;
        color: #00a0e9;
        &:not(:last-child) {
          margin-right: 16px;
        }
      }
    }
    .ant-table-wrapper {
      flex: 1;
    }
    // 标题文字颜色
    .ant-table-column-title {
      color: #5f6e8a;
    }
  }
}
// .table {
//   flex: 1;
//   margin-top: 20px;
//   background-color: #ffffff;
//   overflow: hidden;
//   padding: 0 20px;
//   display: flex;
//   flex-direction: column;
//   .action {
//     a {
//       cursor: pointer;
//       color: #00a0e9;
//       margin-right: 16px;
//     }
//   }
//   /deep/td {
//     color: #3b4861;
//   }
//   /deep/th {
//     background-color: #fff;
//     color: #5f6e8a;
//   }
//   .ant-table-wrapper {
//     overflow: hidden;
//     overflow-y: auto;
//   }
//   // 标题文字颜色
//   .ant-table-column-title {
//     color: #5f6e8a;
//   }
// }

// 状态图标
// 默认样式
.yuan {
  &::before {
    content: '';
    background-color: #ff3a35;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%;
  }
}

// 进行中状态
.underway {
  &::before {
    background-color: #24dc35;
  }
}

// 未开始状态
.unplayed {
  &::before {
    background-color: #f6ab00;
  }
}
